define(['template', 'jquery'], (template) => {
    class Sidebar {
        constructor() {
            // this.arr = []
            this.loadHTML().then(() => {
                this.getTabs()
                this.sidebarClick()
                this.sidebarClick2()
                // this.getMenu()
            })
        }
        loadHTML() {
            return new Promise((resolve, reject) => {
                // $('.page-nav').load('/html/modules/sidebar.html', () => {
                //     //^加载成功，承诺兑现
                //     resolve()
                // })
                //****简写
                $('.page-nav').load('/html/modules/sidebar.html', resolve)
            })
        }

        // //^获取导航分类

        getTabs() {
            return new Promise((resolve, reject) => {

                $.get('http://www.xiongmaoyouxuan.com/api/tabs?sa=', resp => {
                    if (resp.code === 200) {
                        // console.log(resp)
                        const {
                            list
                        } = resp.data
                        $('#sidebar-top').html(template('sidebar-topTemplate', {
                            list: list.slice(0,7)
                        }))
                        // console.log(list)
                    }
                    //*承诺兑现

                    resolve()
                })
            })
        }

        //^侧边栏点击事件
        sidebarClick() {
            $('.list-group-item').on('click', 'h4', function () {
                $(this).next().slideToggle(100)
            })
        }
        //^侧边栏点下击事件
        sidebarClick2() {
            $('.sidebar-bottom-item').on('click', 'h3', function () {
                // console.log($(this))
                $(this).next().slideToggle(100)
            })
        }

    }
    return new Sidebar()
})